<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../css/questionManager.css">
  <style>
    :root {
      --themeColor: #56c6f5;
    }

    .addCue-type input,
    .addCue-type select,
    .addCue-type textarea {
      display: none;
    }
  </style>
</head>

<body>
  <h1>试题管理:</h1>
  <div class="underLine"></div>

  <!-- 题库表格 -->
  <div class="yc">
    <table class="topic">
      <thead class="cue">
        <tr class="top">
          <td colspan="9" id="tk">题库：</td>
        </tr>
        <tr class="top">
          <td class="h">ID</td>
          <td>类型</td>
          <td>题干</td>
          <td>选项A</td>
          <td>选项B</td>
          <td>选项C</td>
          <td>选项D</td>
          <td>答案</td>
          <td>管理</td>
        </tr>
        <tr class="top">
          <td><input type="text" value="示例"></td>
          <td><input type="text" value="示例"></td>
          <td><input type="text" value="示例"></td>
          <td><input type="text" value="示例"></td>
          <td><input type="text" value="示例"></td>
          <td><input type="text" value="示例"></td>
          <td><input type="text" value="示例"></td>
          <td><input type="text" value="示例"></td>
          <td>
            <button class="cue-del">删除</button>
            <button class="cue-revise">修改</button>
          </td>
        </tr>
      </thead>
      <tbody class="add-Cue">

      </tbody>
      <!-- 题目添加 -->

    </table>
  </div>
  <div class="underLine"></div>

  <!-- 添加试题 -->
  <table class="addTopic">
    <tbody class="addCue">
      <tr class="top">
        <td colspan="8" id="tj">添加试题：</td>
      </tr>
      <tr class="top">
        <td>类型</td>
        <td>题干</td>
        <td>选项A</td>
        <td>选项B</td>
        <td>选项C</td>
        <td>选项D</td>
        <td>答案</td>
        <td>管理</td>
      </tr>
      <tr>
        <td>
          <select name="" id="sele" style="width: 10vw;
  height: 3vh">
            <option value="k" selected></option>
            <option value="dxt">单选题</option>
            <option value="dyt">多选题</option>
            <option value="jdt">简答题</option>
            <option value="tkt">填空题</option>
          </select>
        </td>
        <td class="tg"><textarea name="" id="tet"></textarea></td>
        <td class="xxA"><textarea name="" id="tet"></textarea></td>
        <td class="xxB"><textarea name="" id="tet"></textarea></td>
        <td class="xxC"><textarea name="" id="tet"></textarea></td>
        <td class="xxD"><textarea name="" id="tet"></textarea></td>
        <td class="addCue-type answer">
          <input type="text" name="" id="xuanze">
          <textarea name="" id=""></textarea>
          <select name="" id="dan" style="width: 10vw;">
            <option value="A">A</option>
            <option value="B">B</option>
            <option value="C">C</option>
            <option value="D">D</option>
          </select>
          <select name="" id="duo" style="width: 10vw;">
            <option value="AB">AB</option>
            <option value="AC">AC</option>
            <option value="AD">AD</option>
            <option value="ABC">ABC</option>
            <option value="ABD">ABD</option>
            <option value="ABCD">ABCD</option>
            <option value="BC">BC</option>
            <option value="BD">BD</option>
            <option value="BCD">BCD</option>
            <option value="CD">CD</option>
          </select>
        </td>
        <td>
          <button class="addCue-sub">添加</button>
          <button class="addCue-clear">清空</button>
        </td>
      </tr>
    </tbody>
  </table>
</body>
<script src="../js/questionManager.js"></script>
<script>
  // 改变主题
  function colorSx() {
    let colors = localStorage.getItem('color')
    document.documentElement.style.setProperty('--themeColor', colors)
  }
  colorSx()
</script>


</html>